
<!DOCTYPE html>
<html style="height: 100%">
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->    
    <script type="text/javascript" src="js/echarts.min.js"></script>  
    <script type="text/javascript" src="layui/layui.js"></script>
<link rel="stylesheet" href="layui-v2.6.4/layui/css/layui.css">
<script type="text/javascript" src="layui-v2.6.4/layui/layui.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
    
</head>
	<body style="height: 80%; margin: 0">
	    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
	    <div id="main" style="height:80%;"></div>
	</body>
	<script type="text/javascript">
			var table, layer, form, $;
			layui.use(['table','layer','form'], function(){
			  table = layui.table;
			  layer=layui.layer;
			  form=layui.form;
			  $=layui.$;
		  var myChart = echarts.init(document.getElementById('main'));
		  $.post("../findSta",{},function(res){
		  	var data1=[];
		  	var data2=[];
		  	for(var i=0;i<res.data.length;i++){
		  		data1.push(res.data[i].num);
		  		data2.push(res.data[i].read_room_id);	
		  	}
		  	console.log(data1);
		  // 基于准备好的dom，初始化echarts实例
        
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '资源统计表'
            },
            tooltip: {},
            legend: {
                data:['人数']
            },
            xAxis: {
                data: data2
            },
            yAxis: {},
            series: [{
                name: '人数',
                type: 'bar',
                data: data1
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
		  
		  },"json");
		});
	
	
	
	
	
	
	
        
    </script>
</html>